<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
        <title>Streetview Mapsicle</title>
        <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxQGj0PqsCtxKvarsoS-iqLdqZSKfxRdmoPmGl7Y9335WLC36wIGYa6o5Q&amp;sensor=false">
        <script type="text/javascript">
            google.load("maps","2");
        </script>
        <script type="text/javascript" src="../src/mapsicle.js"></script>
        <script type="text/javascript">
            var mapsicle;
            function init(){
                mapsicle = new Mapsicle("mapsicle_div", new GLatLng(-41.292579, 174.779075));
                var marker =  new SVMarker({
	            iconURL:"images/mapsicle_marker.png",
                    width:150,
                    height:150,
                    scale:0.2
                });
                var location = new SVLocation({
		    name:"STREETVIEW MAPSICLE",
                    lat:-41.29249,
                    lng:174.778889,
                    marker:marker
                });
                mapsicle.addLocation(location);
            }
        </script>
    </head>
    <body onload="init();" onunload="GUnload()">
        <div id="mapsicle_div" style="width:850px;height:400px;"></div>
    </body>
</html>


